<h:form id="formFichaContaBancaria" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pe="http://primefaces.org/ui/extensions"
        xmlns:f="http://java.sun.com/jsf/core">

    <h:panelGrid style="width: 100%" >

        <h:panelGrid columns="1" style="width: 100%" >

            <h:panelGroup>

                <h:outputLabel value="Inclusão" /><br/>
                <p:calendar value="#{fichaContaBancariaBean.fichaContaBancaria.dataInclusao}"
                            showOn="button" 
                            pattern="dd/MM/yyyy"
                            onkeypress="mascara(this, data)"
                            maxlength="10">

                    <p:ajax event="dateSelect" 
                            update="saldoBalanco" />

                    <p:ajax event="change" 
                            update="saldoBalanco" />

                </p:calendar>
                
            </h:panelGroup>

        </h:panelGrid>

        <h:panelGrid columns="2" style="width: 100%" >

            <h:panelGroup>

                <h:outputText value="Conta" /><br/>
                <p:inputText value="#{fichaContaBancariaBean.fichaContaBancaria.conta}" 
                             style="width: 200px"/>

            </h:panelGroup>

            <h:panelGroup>

                <h:outputText value="Agência" /><br/>
                <p:inputMask value="#{fichaContaBancariaBean.fichaContaBancaria.agencia}" 
                             style="width: 200px"
                             mask="99999" />

            </h:panelGroup>

            <h:panelGroup>

                <h:outputText value="Ficha" /><br/>
                <p:inputText value="#{fichaContaBancariaBean.fichaContaBancaria.ficha}" 
                             style="width: 200px"/>

            </h:panelGroup>

            <h:panelGroup>

                <h:outputText value="Banco" /><br/>
                <p:selectOneMenu value="#{fichaContaBancariaBean.fichaContaBancaria.tipoBanco}" 
                                 style="width: 202px">

                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{fichaContaBancariaBean.tiposBanco}" />
                    <f:converter converterId="simpleEntityConverter" />

                </p:selectOneMenu>

            </h:panelGroup>

            <h:panelGroup>

                <h:outputText value="Saldo" /><br/>
                <pe:inputNumber id="saldoBalanco" 
                                value="#{fichaContaBancariaBean
                                         .fichaContaBancaria.saldo}" 
                                symbol="R$" 
                                thousandSeparator="." 
                                decimalSeparator=","
                                disabled="#{!fichaContaBancariaBean.fichaContaBancariaService.verificaDataDeInclusao(fichaContaBancariaBean.fichaContaBancaria)}" />

            </h:panelGroup>

            <h:panelGroup>

                <h:outputText value="Tipo de Conta" /><br/>
                <p:selectOneMenu value="#{fichaContaBancariaBean.fichaContaBancaria.tipoConta}" 
                                 style="width: 202px">

                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{fichaContaBancariaBean.tiposConta}" />
                    <f:converter converterId="simpleEntityConverter" />

                </p:selectOneMenu>

            </h:panelGroup>

        </h:panelGrid>

        <h:panelGrid columns="3"
                     style="width: 100%">

            <h:panelGroup>

                <h:outputText value="Vículo" /><br/>
                <p:selectOneMenu value="#{fichaContaBancariaBean.fichaContaBancaria.vinculo}" 
                                 style="width: 160px">

                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{fichaContaBancariaBean.vinculos}" />
                    <f:converter converterId="simpleEntityConverter" />

                </p:selectOneMenu>

            </h:panelGroup>

            <h:panelGroup>
                <h:outputText value="Desabilitada" /><br/>
                <p:selectOneRadio value="#{fichaContaBancariaBean.fichaContaBancaria.desabilita}" 
                                  required="true"
                                  requiredMessage="Campo desabilitada requerido">

                    <f:selectItem itemLabel="Sim" itemValue="S" />  

                    <f:selectItem itemLabel="Não" itemValue="N" />  

                    <p:ajax event="change" update="dataDesabilitada" />

                </p:selectOneRadio>
            </h:panelGroup>

            <h:panelGroup>
                <h:outputText value="Data Desabilitação" /><br/>
                <p:calendar id="dataDesabilitada"
                            maxlength="10"
                            value="#{fichaContaBancariaBean.fichaContaBancaria.dataDesabilitacao}" 
                            showOn="button" 
                            disabled="#{fichaContaBancariaBean.fichaContaBancaria.desabilita.equals('N')}"
                            pattern="dd/MM/yyyy"
                            onkeypress="mascara(this, data)"
                            size="17"/>
            </h:panelGroup>

        </h:panelGrid>

        <h:panelGrid style="width: 100%">

            <h:panelGroup>
                <h:outputText value="Histórico" /><br/>
                <p:inputTextarea value="#{fichaContaBancariaBean.fichaContaBancaria.historico}" 
                                 style="width: 97%" />
            </h:panelGroup>

        </h:panelGrid>

        <h:panelGrid columns="1" 
                     style="width: 100%">

            <h:panelGroup>

                <h:outputText value="Unidade Gestora" /><br/>
                <p:selectOneMenu value="#{fichaContaBancariaBean.fichaContaBancaria.unidadeGestora}" 
                                 style="width: 100%">

                    <f:selectItem itemLabel="Selecione" />
                    <f:selectItems value="#{fichaContaBancariaBean.unidadesGestoras}" />
                    <f:converter converterId="simpleEntityConverter" />

                </p:selectOneMenu>

            </h:panelGroup>

        </h:panelGrid>

    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{fichaContaBancariaBean.adicionarEditarFim}"
                     update="formFichaContaBancaria" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{fichaContaBancariaBean.cancelar}"
                     immediate="true"/>

</h:form>


